<template>
    <div class="person-info">
        <div class='title'>
            <img @click='$router.back()' src="../icon/fanhui.png" alt="">
            <span>个人资料</span>
        </div>
        <div class="line"></div>
        <div class='per_List' v-for='(list,index) in person.basic'>
            <span class='listkey'>{{list.key}}</span>
            <span class='listvalue'>{{list.value}}</span>
        </div>
        <div style='width: 100%;height: 0.3rem;background: #f7f7f7'></div>
        <div class='per_List'>
            <span class='listkey'>入职日期</span>
            <span class='listvalue'>{{person.created_at}}</span>
        </div>
    </div>
</template>
<script>
    import Config from '../api/config'
    import {mapState} from 'vuex'
export default{
    data(){
        return{
        }
    },
    mounted(){
        this.getAcount()
    },
    methods:{
        getAcount(){
            this.$store.dispatch({type:'getPersonInfo'});
        }
    },
    computed: {
        ...mapState({
            person: state => state.mine.person,
        })
    },
}
</script>
